body {
	background-color: black;
	overflow: hidden;
	text-align: center;
}

.actions {
	width: 70px;
	height: 20px;
	margin-bottom: 8px;
}

.actions xf\:trigger {
	display: inline;
}

.actions .button22, .actions .view-button, .actions .twitter-button, .actions .friendfeed-button {
	width: 22px;
	height: 20px;
}

.actions .view-button {
	background: transparent url('images/hub-view-button_bg.png') 0 0 no-repeat;
	margin-right: 2px;
}

.actions .view-button:hover, .actions .view-button:active {
	background: transparent url('images/hub-view-button_bg.png') 0 -20px no-repeat;
}

.actions .twitter-button {
	background: transparent url('images/hub-twitter-button_bg.png') 0 0 no-repeat;
	margin-right: 2px;
}

.actions .twitter-button:hover, .actions .twitter-button:active {
	background: transparent url('images/hub-twitter-button_bg.png') 0 -20px no-repeat;
}

.actions .friendfeed-button {
	background: transparent url('images/hub-friendfeed-button_bg.png') 0 0 no-repeat;
}

.actions .friendfeed-button:hover, .actions .friendfeed-button:active {
	background: transparent url('images/hub-friendfeed-button_bg.png') 0 -20px no-repeat;
}

.bub-container {
	position: relative;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	margin-bottom: 8px;
}

.bub-container #droptarget, .bub-container .bub {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
}

.bub-container #droptarget {
	background: transparent url('images/hub-droptarget_bg.png') 0 0 no-repeat;
}

/*
 * I've disabled this style because the hover pseudo-class is not added when dragging.
.bub-container #droptarget:hover {
	background: transparent url('images/hub-droptarget_bg.png') 0 -50px no-repeat;
}
 */

.bub-container .bub {
	z-index: 5;
}

.bub-container .close-button {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
	width: 16px;
	height: 16px;
	background: transparent url('gadgets/common/images/close-button_bg.png') 0 0 no-repeat;
	display: none;
}

.bub-container:hover .close-button {
	display: block;
}

.bub-container .close-button:hover, .bub-container .close-button:active {
	background: transparent url('gadgets/common/images/close-button_bg.png') 0 -16px no-repeat;
}

.bub-container .button16 {
	width: 16px;
	height: 16px;
}
